
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="css/onlinebooking.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/datepicker.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/weimob-ui-1-1.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/common.css" media="all" />
<script type="text/javascript" src="src/jQuery.js"></script>
<script type="text/javascript" src="src/jquery-ui.js"></script>
<title>健康人生</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
        <meta name="Keywords" content="微盟、微信营销、微信代运营、微信定制开发、微信托管、微网站、微商城、微营销" />
        <meta name="Description" content="微盟，国内最大的微信公众智能服务平台，微盟八大微体系：微菜单、微官网、微会员、微活动、微商城、微推送、微服务、微统计，企业微营销必备。" />
        <!-- Mobile Devices Support @begin -->
            <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
            <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
            <meta content="no-cache" http-equiv="pragma">
            <meta content="0" http-equiv="expires">
            <meta content="telephone=no, address=no" name="format-detection">
            <meta content="width=device-width, initial-scale=1.0" name="viewport">
            <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- apple devices fullscreen -->
            <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
        <!-- Mobile Devices Support @end -->
        <link rel="shortcut icon" href="img/favicon.ico" />
        <style>
            img{width:100%!important;}
        </style>
    </head>
    <body onselectstart="return true;" ondragstart="return false;">
        <body id="onlinebooking-no">
	<div class="qiandaobanner">
		<a href="javascript:;"><img src="images/head_pic.jpg"></a>
	</div>
	<div class="cardexplain">
	<!--粉丝填写过的信息的，直接就显示名字电话，粉丝没有填写过信息的话，这里就直接留空让粉丝填写-->
	<ul class="round">
		<form action="javascript:;" method="post">
		<li class="title mb">
			<span class="none">12月10日订单详情<em class="no">等待客服回电</em>
			</span>
		</li>
		<li class="nob">
			<div class="beizhu">此订单可重新修改后再提交！</div>
		</li>
				<li class="nob">
			<input name="formhash" id="formhash" value="2be3071a" type="hidden">
			<table class="kuang" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<th>订单人</th>
					<td>
						<input name="truename" class="px" id="truename" value="小城" placeholder="请输入您的真实姓名" type="text">
					</td>
				</tr>
			</table>
		</li>
						<li class="nob">
			<table class="kuang" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<th>联系电话</th>
					<td>
						<input name="tel" class="px" id="tel" value="13760986541" placeholder="请输入您的电话" type="tel">
					</td>
				</tr>
			</table>
		</li>
						<li class="nob">
			<table class="kuang" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<th>预约日期</th>
					<td>
						<input type="text" class="px" name="dateline" id="dateline" readonly="readonly" value="2013-12-10"/>
					</td>
				</tr>
			</table>
		</li>
						<li class="nob">
			<table class="kuang" border="0" cellpadding="0" cellspacing="0" width="100%">
			<tr>
				<th>预约时间</th>
				<td>
					<select name="timepart" id="timepart" class="dropdown-select">
						<option value="0:00-1:00"  selected >0:00-1:00</option>
						<option value="2:00-3:00" >2:00-3:00</option>
						<option value="4:00-5:00" >4:00-5:00</option>
						<option value="6:00-7:00" >6:00-7:00</option>
						<option value="8:00-9:00" >8:00-9:00</option>
						<option value="10:00-11:00" >10:00-11:00</option>
						<option value="12:00-13:00" >12:00-13:00</option>
						<option value="14:00-15:00" >14:00-15:00</option>
						<option value="16:00-17:00" >16:00-17:00</option>
						<option value="18:00-19:00" >18:00-19:00</option>
						<option value="20:00-21:00" >20:00-21:00</option>
						<option value="22:00-23:00" >21:00-23:00</option>
					</select>
				</td>
				</tr>
			</table>
		</li>
		
				                  
						<li class="nob">
			<table class="kuang" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<th class="thtop" valign="top">备注</th>
					<td>
						<textarea name="info" class="pxtextarea" style=" height:99px;overflow-y:visible" id="info" placeholder="请输入备注信息"></textarea>
						<input type="hidden" name="uid" id="uid" value="ohwB7uJZFQxMxyUq1nIRylngcpK0" />
						<input type="hidden" name="rid" id="rid" value="3201" />
						<input type="hidden" name="aid" id="aid" value="28547" />
						<input type="hidden" name="token" id="token" value="10a86f88c42dec8d8a2a5a8dce519f7b" />
						<input type="hidden" name="autoid" id="autoid" value="4808" />
					</td>
				</tr>
			</table>
		</li>
		</form>
	</ul>	


	<div class="footReturn">
		<ul>
			<li class="footerbtn"><a id="showcard2" class="del right3" href="javascript:void(0)">删除订单</a></li>
			<li class="footerbtn"><a id="showcard" class="submit left3" href="javascript:void(0)">提交消息</a></li>
		</ul>
	<div class="clr"></div>
	<div class="window" id="windowcenter">
			<div id="title" class="wtitle">操作成功<span class="close" id="alertclose"></span></div>
			<div class="content">
			<div id="txt"></div>
		</div>
	</div>
	</div>

</div>

<script type="text/javascript"> 
$(document).ready(function () { 
		$( "#dateline" ).datepicker({
			minDate: new Date(),
			dateFormat: "yy-mm-dd"
		});
	$("#showcard").click(function () {
		var ret_single = ret_download = tel_num = '';
		$(".single").each(function(i){
			var s_name = $(this).parent().siblings().text();
			var s_value = $(this).val();
			if('' != s_value) ret_single += '$'+s_name+'#'+s_value;
		});
	
		$(".download").each(function(i){
			var s_name = $(this).parent().siblings().text();
			var s_value = $(this).val();
			if('' != s_value) ret_download += '$'+s_name+'#'+s_value;
		});

		tel_num = $("#tel").val();
		if('undefined' !== typeof(tel_num)){
			if(tel_num ==''){alert('电话不能为空');return;} 
			if(tel_num.length < 11){alert('请输入正确的电话');return;} 
		}

		if($("#truename").val()==''){alert('名字不能为空');return;}
		if($("#dateline").val()==''){alert('请选择时间');return;}
		var submitData = {
			autoid: $("#autoid").val(),
			wechatid: $("#uid").val(),
			rid: $("#rid").val(),
			aid: $("#aid").val(),
			contact: $("#truename").val(),
			dateline: $("#dateline").val(),
			timepart: $("#timepart").val(),
			remark: $("#info").val(),
			contacttel: $("#tel").val(),
			fieldsigle:ret_single,
			fielddownload:ret_download

		};
		$.post('/Webreserve/SubmitBook', submitData,
			function(data) {
				if (0 == data.errno) {
					alert(data.msg);
					setTimeout(function(){
						jumpurl(data.url);
					},1500);
					return;
				} else {
					alert(data.msg);
				}
			},
		"json")

	}); 
}); 

$("#showcard2").click(function () {
	if(confirm('您确定要删除吗?')){
		var submitData = {
			autoid: $("#autoid").val(),
			uid: $("#uid").val(),
			token: $("#token").val(),
		};
		$.post('/Webreserve/DeleteBook', submitData,
			function(data) {
				if (0 == data.errno) {
					alert(data.msg);
					return;
				} else {
					alert(data.msg);
				}
			},
		"json")
	}
}); 

$("#windowclosebutton").click(function () { 
	$("#windowcenter").slideUp(500);

}); 
$("#alertclose").click(function () { 
	$("#windowcenter").slideUp(500);
}); 
function jumpurl(url){
	window.location.href = url;
}
function alert(title){ 
//var windowHeight; 
//var windowWidth; 
//var popWidth;  
//var popHeight; 
//windowHeight=$(window).height(); 
//windowWidth=$(window).width(); 
//popHeight=$(".window").height(); 
//popWidth=$(".window").width(); 
//var popY=(windowHeight-popHeight)/2; 
//var popX=(windowWidth-popWidth)/2; 
//$("#windowcenter").css("top",popY).css("left",popX).slideToggle("slow"); 
$("#windowcenter").slideToggle("slow"); 
$("#txt").html(title);
//$("#windowcenter").hide("slow"); 
setTimeout('$("#windowcenter").slideUp(500)',1000);
} 

</script> 
<footer style="text-align:center; color:#ffd800;margin-right:20px;margin-top:0px;"><a href="/weisite/home?pid=28547&bid=52528&wechatid=ohwB7uJZFQxMxyUq1nIRylngcpK0&wxref=mp.weixin.qq.com">©健康人生</a></footer>
</body>        		<div mark="stat_code" style="width:0px; height:0px; display:none;">
					</div>
	</body>
</html>